<template>
  <div class="category">
    <FhSearch
      :search-from-config="searchFromConfig"
      @ResetClick="ResetClick"
      @QueryClick="QueryClick"
    ></FhSearch>
    <FhContent
      ref="contentRef"
      :content-table-config="contentTableConfig"
      page-name="category"
    ></FhContent>
  </div>
</template>

<script setup lang="ts">
import FhSearch from '@/components/search-page'
import FhContent from '@/components/content-page'
import { searchFromConfig } from './config/search.config'
import { contentTableConfig } from './config/content.config'

import { useSearchPage } from '@/hooks/useSearchPage'

const { contentRef, ResetClick, QueryClick } = useSearchPage()
</script>

<style scoped></style>
